<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/public.css"/>
    <title>商品售后</title>
    <script src="../baidu.js"></script>
</head>
<body>
    <div class="header">
        <a class="return" href="./index.html"><img src="./css/images/return.png"></a>
        <span class="cont">商品售后</span>
    </div>
    <div>
        <div class="question">
            <div>
                <div class="ques" id="bg1">
                    <div>收到的商品发错货怎么办</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg1"></div>
                </div>
                <div class="ans" id='queCon1' style="display:none">若您确认收到的商品不是您订单中订购的商品，请保证商品包装完整，不要撕毁商品任何名牌，确保在不影响二次销售的情况下，致电闪电飞猪客服申请换货。</div>
            </div>
            <div>
                <div class="ques"  id="bg2">
                    <div>购买的商品出现质量问题如何处理</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg2"></div>
                </div>
                <div class="ans" id='queCon2' style="display:none">如果是手机和电脑（3c产品）请出示质量问题报告，联系客服处理。如果是其他商品质量问题，请务必拍照作为证据，说明问题所在，联系闪电飞猪客服处理。如果是人为损坏，闪电飞猪不承担相关责任，但是可以帮您联系商家进行维修，提供维修途径；维修产生的费用需要您自行承担。</div>
            </div>
            <div>
                <div class="ques"  id="bg3">
                    <div>退货后什么时候可以收到退款？怎么退款给我</div>
                    <div><img class="img-icon" src='./css/images/right.png' id="queImg3"></div>
                </div>
                <div class="ans" id='queCon3' style="display:none">需要您先退货，闪电飞猪在收到货后，3-5个工作日内退回您的支付账户中（退款仅支持原路退还）。</div>
            </div>
        </div>
    </div>
</body>
<script>
    var queImg1 = document.getElementById('queImg1');
    var queImg2 = document.getElementById('queImg2');
    var queImg3 = document.getElementById('queImg3');

    var queCon1 = document.getElementById('queCon1');
    var queCon2 = document.getElementById('queCon2');
    var queCon3 = document.getElementById('queCon3');
    
    var bg1 = document.getElementById('bg1');
    var bg2 = document.getElementById('bg2');
    var bg3 = document.getElementById('bg3');

    var openClose = function(img,con){
        if(con.style.display == "block"){
			con.style.display = "none";
			img.src = "./css/images/right.png";
		}else{
			con.style.display = "block";
			img.src = "./css/images/down.png";
		} 
    }
    bg1.onclick=function(){
        openClose(queImg1,queCon1);
    }
    bg2.onclick=function(){
        openClose(queImg2,queCon2);
    }
    bg3.onclick=function(){
        openClose(queImg3,queCon3);
    }
</script>
</html>